import React,{ useEffect, useState } from 'react';
// 引入饼图组件
import Pie from '@/components/pie';
// 导入用户统计数据接口
import { getPieDaFn } from '@/api/welcome';
const Welcome = () => {

	const [piedata,setPieData] = useState({})

	// 请求数据  
	useEffect(()=>{
		getPieDaFn().then((res)=>{
			console.log('Pie',res);
			if(res.data.errNo===0){
				setPieData(res.data.data)
			}
		})
	},[])
	return (
		piedata.accessFrom ? <div style={{display:'flex'}}>
			Welcome
			<Pie id='pie1' data={piedata.accessFrom} title='访问来源' lengend={false} name='accessFrom'></Pie>
			<Pie id='pie2' data={piedata.area} title='地域分部' lengend={false} name='area'></Pie>
			<Pie id='pie3' data={piedata.gender} title='性别占比' lengend={true} name='gender'></Pie>
		</div> : <></>
	);
}

export default Welcome;
